<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <ul id="ul">
        <li>班尼特</li>
        <li>枫原万叶</li>
        <li>香菱</li>
        <li>达达利亚</li>
    </ul>
    <li>迪卢克</li>
    <li>行秋</li>
    <li>砂糖</li>
    <li>托马</li>
    <script>
        var troop = document.getElementsByTagName("li");
        console.log(troop);
        for (var i = 0; i < troop.length; i++) {
            console.log(troop[i]);
        }
        console.log('---------------');
        var ul = document.getElementById("ul");
        // console.log(ul);
        console.log(ul.getElementsByTagName("li"));

         /*
          1. getElementsByTagName 是根据标签名返回的元素的集合
          2. 返回的是一个伪数组(有长度，可以使用索引号，没有数组的 push()等方法)
          3. 即使只有一个元素，返回的也是一个集合
          4. 如果没有元素，还是返回一个空的集合
          5. 查找的范围是整个 document
          6. 查找固定范围的元素，通过  父元素.getElementsByTagName(name);
        */
    </script>
</body>

</html>